<script lang="ts" setup>
import useWinRes from '../../hooks/useWinRes';

defineOptions({
  name: "Pending"
});
withDefaults(defineProps<{ resData: object }>(), { resData: () => ({}) });
const { toggleWinRes } = useWinRes();
</script>
<template>
  <div class="w-100vw h-100vh overflow-y-auto center font-[Inter,Inter]">
    <div
      class="w-330 h-172 bg-[#fff] rounded-8 flex flex-col justify-start items-center"
    >
      <p class="mt-36 font-400 text-18 color-[#000] text-center">
        ผลสลากยังไม่สามารถดูได้
      </p>
      <p class="mt-14 font-400 color-[#9D9D9D] text-center">
        กรุณาลองใหม่อีกครั้ง
      </p>
      <button
        @click="toggleWinRes()"
        class="mt-14 px-24 h-34 lh-34 bg-[#004D8E] rounded-8 font-400 text-14 color-[#fff] text-center"
      >
        Cancel
      </button>
    </div>
  </div>
</template>
